<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
	<title>首页</title>
  <link rel="stylesheet" href="./static/css/mdui.css">
	<link rel="stylesheet" href="./static/css/docs.css">
  <style>
    .float-fl, .float-fr {
      box-sizing: border-box;
    }
    @media (min-width: 1024px) {
      .float-fl {
        width: 49%;
        margin-right: 2%;
      }
      .float-fr {
        width: 49%;
      }
    }
  </style>
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-pink mdui-loaded">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
    <a href="./index.html" class="mdui-typo-headline mdui-hidden-xs">员工培训系统</a>
    <a href="" class="mdui-typo-title">首页</a>
    <div class="mdui-toolbar-spacer"></div>
    <div class="mdui-col-xs-5 mdui-col-md-3">
      <div class="mdui-textfield mdui-textfield-expandable mdui-float-right ">
        <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></button>
        <input class="mdui-textfield-input" type="text" placeholder="搜索"/>
        <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">close</i></button>
      </div>
    </div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-dialog="{target: '#dialog-docs-theme'}" mdui-tooltip="{content: '设置主题'}"><i class="mdui-icon material-icons">color_lens</i></span>
    <a href="javascript:;" mdui-tooltip="{content: '论坛'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">forum</i></a>
  </div>
</header>

<div class="mdui-drawer" id="main-drawer">
  <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
    <div class="mdui-list-item-active">
      <a  href="./indexStaff.html" class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">home</i>
        <div class="mdui-list-item-content">首页</div>
      </a>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-deep-orange">assignment_ind</i>
        <div class="mdui-list-item-content">个人信息</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./baseInfoStaff.html" class="mdui-list-item mdui-ripple ">基本信息</a>
        <a href="./passwordChangeStaff.html" class="mdui-list-item mdui-ripple">密码修改</a>
      </div>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">supervisor_account</i>
        <div class="mdui-list-item-content">能力测评</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./infoStaff.html" class="mdui-list-item mdui-ripple ">新员工能力测评</a>
        <a href="./infoStudy.html" class="mdui-list-item mdui-ripple ">老员工能力保鲜</a>
      </div>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">view_list</i>
        <a href="./logLogin.html" class="mdui-list-item-content mdui-list-active">复习计划</a>
      </div>
    </div>

    <div class="mdui-collapse-item ">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-brown">dvr</i>
        <div class="mdui-list-item-content">实训报告</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./trainEdit.html" class="mdui-list-item mdui-ripple ">编写实训报告</a>
        <a href="./trainAlready.html" class="mdui-list-item mdui-ripple ">已完成实训</a>
      </div>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">forum</i>
        <a href="./logLogin.html" class="mdui-list-item-content mdui-list-active">论坛</a>
      </div>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-purple">file_download</i>
        <a href="./downLoadDatas.html" class="mdui-list-item-content mdui-list-active">资料下载</a>
      </div>
    </div>

  </div>
</div>

<a id="anchor-top"></a>

<div class="mdui-container doc-container">
  <div class="mdui-clearfix">
    <div class="mdui-shadow-3 mdui-float-left mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 36px;">
      学习进度：还未参与课程学习
    </div>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='indexStaff.html'">首页</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-study" onclick="location.href='staffStudy.html'">学习</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-exam" onclick="location.href='staffExam.html'">考试</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-exam-simulate" onclick="location.href='staffExamSimulate.html'">模拟考试</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1 hover-review" onclick="location.href='staffReview.html'">复习计划</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='staffMistakes.html'">错题本</button>
  </div>
  <div class="wrappers">
    <div class="index-wrap mdui-p-t-3">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">重要通知</h1>
      </div>
      <div class="mdui-table-fluid mdui-typo mdui-col-md-12 mdui-m-b-3">
        <h2 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-p-l-3">公告通知</h2>
        <table class="mdui-table mdui-table-hoverable">
          <thead>
            <tr>
              <th>序号</th>
              <th>公告标题</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>公告1</td>
              <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
            </tr>
            <tr>
              <td>公告2</td>
              <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
            </tr>
            <tr>
              <td>公告3</td>
              <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="mdui-clearfix">
        <div class="mdui-table-fluid mdui-typo mdui-float-left float-fl mdui-m-b-3 mdui-p-x-1">
          <h2 class="doc-title mdui-text-color-theme mdui-p-x-0 mdui-p-l-3">讨论板块</h2>
          <div class="mdui-divider"></div>
          <p class="doc-title mdui-text-color-theme mdui-p-x-0 mdui-p-l-3 mdui-m-y-1">今日帖子（33）</h2>
          <table class="mdui-table mdui-table-hoverable">
            <thead>
              <tr>
                <th>最新帖子</th>
                <th>帖子标题</th>
                <th>发布时间</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
                <td>2017-09-16 20:33:30</td>
              </tr>
              <tr>
                <td>2</td>
                <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
                <td>2017-09-16 20:33:30</td>
              </tr>
              <tr>
                <td>3</td>
                <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
                <td>2017-09-16 20:33:30</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="mdui-table-fluid mdui-typo mdui-float-right float-fr mdui-m-b-3 mdui-p-x-1">
          <h2 class="doc-title mdui-text-color-theme mdui-p-x-0 mdui-p-l-3">答疑板块</h2>
          <div class="mdui-divider"></div>
          <p class="doc-title mdui-text-color-theme mdui-p-x-0 mdui-p-l-3 mdui-m-y-1">今日帖子（12）</h2>
          <table class="mdui-table mdui-table-hoverable">
            <thead>
              <tr>
                <th>最新帖子</th>
                <th>帖子标题</th>
                <th>发布时间</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
                <td>2017-09-16 20:33:30</td>
              </tr>
              <tr>
                <td>2</td>
                <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
                <td>2017-09-16 20:33:30</td>
              </tr>
              <tr>
                <td>3</td>
                <td><a href="./noticeDetail.html">这是一个公告标题这是一个公告标题</a></td>
                <td>2017-09-16 20:33:30</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="study-wrap mdui-p-t-3 mdui-hidden">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">学习目录</h1>
      </div>
      <div class="mdui-clearfix mdui-typo ">
        <div class="mdui-shadow-3 mdui-text-center mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 48px;">
          <a class="mdui-m-x-1" href="./detailProject.html">项目1</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目2</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目3</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目4</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目5</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目6</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目7</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目8</a>
        </div>
      </div>
      <div class="mdui-typo mdui-clearfix mdui-col-md-12 mdui-m-b-1" style="border: 1px solid #eee;">
        <div class="mdui-panel" mdui-panel>
          <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目1</div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目2</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目1</div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目2</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目1</div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目2</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目1</div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-subject">科目2</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="exam-wrap mdui-p-t-3 mdui-hidden">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">考试目录</h1>
      </div>
      <div class="mdui-clearfix mdui-typo ">
        <div class="mdui-shadow-3 mdui-text-center mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 48px;">
          <a class="mdui-m-x-1" href="./detailProject.html">项目1</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目2</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目3</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目4</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目5</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目6</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目7</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目8</a>
        </div>
      </div>
      <div class="mdui-typo mdui-clearfix mdui-col-md-12 mdui-m-b-1" style="border: 1px solid #eee;">
        <div class="mdui-panel" mdui-panel>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程2</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程3</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header">
                        科目1 
                        <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                      </div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header">
                        科目2
                        <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程2</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程3</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header">
                        科目1 
                        <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                      </div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header">
                        科目2
                        <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-subject">参与第一章考试</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="exam-simulate-wrap mdui-p-t-3 mdui-hidden">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">模拟考试目录</h1>
      </div>
      <div class="mdui-clearfix mdui-typo ">
        <div class="mdui-shadow-3 mdui-text-center mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 48px;">
          <a class="mdui-m-x-1" href="./detailProject.html">项目1</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目2</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目3</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目4</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目5</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目6</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目7</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目8</a>
        </div>
      </div>
      <div class="mdui-typo mdui-clearfix mdui-col-md-12 mdui-m-b-1" style="border: 1px solid #eee;">
        <div class="mdui-panel" mdui-panel>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-6">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目1 
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header">
                          科目2
                          <button class="mdui-btn mdui-btn-raised mdui-m-x-3 detail-exam-simulate-subject">参与第一模拟章考试</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="review-wrap mdui-p-t-3 mdui-hidden">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">复习目录</h1>
      </div>
      <div class="mdui-clearfix mdui-typo ">
        <div class="mdui-shadow-3 mdui-text-center mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 48px;">
          <a class="mdui-m-x-1" href="./detailProject.html">项目1</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目2</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目3</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目4</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目5</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目6</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目7</a> | 
          <a class="mdui-m-x-1" href="./detailProject.html">项目8</a>
        </div>
      </div>
      <div class="mdui-typo mdui-clearfix mdui-col-md-12 mdui-m-b-1" style="border: 1px solid #eee;">
        <div class="mdui-panel" mdui-panel>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-4">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-4">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-4">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-4">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="mdui-panel-item mdui-panel-item-open project-list mdui-col-md-4">
            <div class="mdui-panel-item-header detail-project">项目1</div>
            <div class="mdui-panel-item-body">
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel" mdui-panel>
                <div class="mdui-panel-item mdui-panel-item-open">
                  <div class="mdui-panel-item-header">课程1</div>
                  <div class="mdui-panel-item-body">
                    <div class="mdui-panel" mdui-panel>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目1 
                        </div>
                      </div>
                      <div class="mdui-panel-item">
                        <div class="mdui-panel-item-header detail-review-subject">
                          科目2
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="mdui-dialog" id="dialog-docs-theme">
  <div class="mdui-dialog-title">设置文档主题</div>
  <div class="mdui-dialog-content">

    <p class="mdui-typo-title">主题色</p>
    <div class="mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3">
      <div class="mdui-col">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-layout" value="" checked="">
          <i class="mdui-radio-icon"></i>
          Light
        </label>
      </div>
      <div class="mdui-col">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-layout" value="dark">
          <i class="mdui-radio-icon"></i>
          Dark
        </label>
      </div>
    </div>

    <p class="mdui-typo-title mdui-text-color-theme">主色</p>
    <form class="mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3">
      <div class="mdui-col mdui-text-color-amber">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="amber">
          <i class="mdui-radio-icon"></i>
          Amber
        </label>
      </div>
      <div class="mdui-col mdui-text-color-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="blue" checked="">
          <i class="mdui-radio-icon"></i>
          Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-blue-grey">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="blue-grey">
          <i class="mdui-radio-icon"></i>
          Blue Grey
        </label>
      </div>
      <div class="mdui-col mdui-text-color-brown">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="brown">
          <i class="mdui-radio-icon"></i>
          Brown
        </label>
      </div>
      <div class="mdui-col mdui-text-color-cyan">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="cyan">
          <i class="mdui-radio-icon"></i>
          Cyan
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="deep-orange">
          <i class="mdui-radio-icon"></i>
          Deep Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="deep-purple">
          <i class="mdui-radio-icon"></i>
          Deep Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="green">
          <i class="mdui-radio-icon"></i>
          Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-grey">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="grey">
          <i class="mdui-radio-icon"></i>
          Grey
        </label>
      </div>
      <div class="mdui-col mdui-text-color-indigo">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="indigo">
          <i class="mdui-radio-icon"></i>
          Indigo
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="light-blue">
          <i class="mdui-radio-icon"></i>
          Light Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="light-green">
          <i class="mdui-radio-icon"></i>
          Light Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-lime">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="lime">
          <i class="mdui-radio-icon"></i>
          Lime
        </label>
      </div>
      <div class="mdui-col mdui-text-color-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="orange">
          <i class="mdui-radio-icon"></i>
          Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-pink">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="pink">
          <i class="mdui-radio-icon"></i>
          Pink
        </label>
      </div>
      <div class="mdui-col mdui-text-color-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="purple">
          <i class="mdui-radio-icon"></i>
          Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-red">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="red">
          <i class="mdui-radio-icon"></i>
          Red
        </label>
      </div>
      <div class="mdui-col mdui-text-color-teal">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="teal">
          <i class="mdui-radio-icon"></i>
          Teal
        </label>
      </div>
      <div class="mdui-col mdui-text-color-yellow">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="yellow">
          <i class="mdui-radio-icon"></i>
          Yellow
        </label>
      </div>
    </form>

    <p class="mdui-typo-title mdui-text-color-theme-accent">强调色</p>
    <form class="mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3">
      <div class="mdui-col mdui-text-color-amber">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="amber">
          <i class="mdui-radio-icon"></i>
          Amber
        </label>
      </div>
      <div class="mdui-col mdui-text-color-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="blue">
          <i class="mdui-radio-icon"></i>
          Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-cyan">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="cyan">
          <i class="mdui-radio-icon"></i>
          Cyan
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="deep-orange">
          <i class="mdui-radio-icon"></i>
          Deep Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="deep-purple">
          <i class="mdui-radio-icon"></i>
          Deep Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="green">
          <i class="mdui-radio-icon"></i>
          Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-indigo">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="indigo">
          <i class="mdui-radio-icon"></i>
          Indigo
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="light-blue">
          <i class="mdui-radio-icon"></i>
          Light Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="light-green">
          <i class="mdui-radio-icon"></i>
          Light Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-lime">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="lime">
          <i class="mdui-radio-icon"></i>
          Lime
        </label>
      </div>
      <div class="mdui-col mdui-text-color-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="orange">
          <i class="mdui-radio-icon"></i>
          Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-pink">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="pink" checked="">
          <i class="mdui-radio-icon"></i>
          Pink
        </label>
      </div>
      <div class="mdui-col mdui-text-color-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="purple">
          <i class="mdui-radio-icon"></i>
          Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-red">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="red">
          <i class="mdui-radio-icon"></i>
          Red
        </label>
      </div>
      <div class="mdui-col mdui-text-color-teal">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="teal">
          <i class="mdui-radio-icon"></i>
          Teal
        </label>
      </div>
      <div class="mdui-col mdui-text-color-yellow">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="yellow">
          <i class="mdui-radio-icon"></i>
          Yellow
        </label>
      </div>
    </form>

  </div>
  <div class="mdui-divider"></div>
  <div class="mdui-dialog-actions">
    <button class="mdui-btn mdui-ripple mdui-float-left" mdui-dialog-cancel="">恢复默认主题</button>
    <button class="mdui-btn mdui-ripple" mdui-dialog-confirm="">ok</button>
  </div>
</div>


<script src="./static/js/mdui.min.js"></script>
<script>var $$ = mdui.JQ;</script>
<script src="./static/js/highlight.pack.js"></script>
<script src="./static/js/smooth-scroll.min.js"></script>
<script src="./static/js/holder.min.js"></script>
<script src="./static/js/base.js"></script>
  
<script>
  setTimeout(function () {
    mdui.dialog({
      title: '完善信息提示',
      content: '您是管理员新注册的用户，请完善资料',
      buttons: [
        {
          text: '取消'
        },
        {
          text: '确认',
          onClick: function(inst){
            window.open('./baseInfoStaff.html');
          }
        }
      ]
    });
  }, 0);
  $$('.hover-study').on('mouseover', function () {
    $$('.study-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.hover-exam').on('mouseover', function () {
    $$('.exam-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.hover-exam-simulate').on('mouseover', function () {
    $$('.exam-simulate-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.hover-review').on('mouseover', function () {
    $$('.review-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.study-wrap').on('mouseover', function () {
    $$('.study-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.exam-wrap').on('mouseover', function () {
    $$('.exam-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.review-wrap').on('mouseover', function () {
    $$('.review-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('.exam-simulate-wrap').on('mouseover', function () {
    $$('.exam-simulate-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
    return false;
  });
  $$('body').on('mouseover', function () {
    $$('.index-wrap').removeClass('mdui-hidden').siblings().addClass('mdui-hidden');
  });


  $$('.detail-project').on('click', function () {
    location.href = 'detailProject.html';
  });
  $$('.detail-subject').on('click', function () {
    location.href = 'detailSubject.html';
  });
  $$('.detail-exam-subject').on('click', function () {
    location.href = 'detailExamSubject.html';
  });
  $$('.detail-exam-simulate-subject').on('click', function () {
    location.href = 'detailExamSimulateSubject.html';
  });
  $$('.detail-review-subject').on('click', function () {
    location.href = 'detailReviewSubject.html';
  });

</script>
  
</body>
</html>